<template>
	<div class="homebj">
	    <div class="hdbmall icon">
	        <image v-if="isShow == 1" :src="getImg1(datas.typeImg)" class="hdlcbannerimg"></image>
	        <image v-if="isShow == 2" :src="getImg1(datas1.typeImg)" class="hdlcbannerimg"></image>
	        <div v-if="isShow == 1" class="hdlctitle">[{{datas.name}}]</div>
	        <div v-if="isShow == 2" class="hdlctitle">[{{datas1.name}}]</div>
	        <div v-if="isShow == 1" class="hdlctime">活动时间：{{datas.start_time}} ~ {{datas.end_time}}</div>
	        <div v-if="isShow == 2" class="hdlctime">活动时间：{{datas1.start_time}} ~ {{datas1.end_time}}</div>
	    </div>
	    <div class="hdbmall hdlcmargin" v-if="isShow == 1">
	        <div class="hdlcall">
	            <image :src="getImg('hdlcall.png')" class="hdlcallimg"></image>
	            <div class="hdlcallname">活动历程</div>
	        </div>
	        <div class="hdbmlist hdlc hdlctop">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">活动须知</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_mc.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动名称：{{datas.name}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">报名时间：{{datas.start_time}} ~ {{datas.jiezhi_time}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动地址：{{datas.place}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_rs.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">参与人数：{{datas.num}}人</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">须知</div>
	        </div>
	        <div class="hdbmlist hdlc">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">举办单位简介</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dw.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">单位名称：{{datas.unit}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_fzr.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">负责人：{{datas.header}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">单位地址：{{datas.place}}</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">简介</div>
	        </div>
	        <div class="hdbmlist hdlc">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">活动简介</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.start_time}} ~ {{datas.end_time}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_fzr.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动负责人：{{datas.header}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_js.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">介绍：{{datas.description}}</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">简介</div>
	        </div>
	        <div class="hdbmlist hdlc">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">活动现场签到</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.start_time}} ~ {{datas.jiezhi_time}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.place}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_js.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">参与内容：活动现场签到</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">签到</div>
	        </div>
	        <div class="hdbmlist hdlc">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">参与活动</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.start_time}} ~ {{datas.end_time}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.place}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_js.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">参与内容：参与活动</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">参与</div>
	        </div>
	        <div class="hdbmlist hdlc">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">活动结束</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.end_time}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{datas.place}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_js.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">参与内容：活动结束</div>
	                </div>
	            </div>
	            <div class="hdlcjj">结束</div>
	        </div>
	    </div>
	    <div class="hdbmall hdlcmargin" v-if="isShow == 2">
	        <div class="hdlcall" style="margin: 0px 0px 15px 0px;">
	            <image :src="getImg('hdlcall.png')" class="hdlcallimg"></image>
	            <div class="hdlcallname">活动历程</div>
	        </div>
	        <div class="hdbmlist hdlc" v-for="(el,ind) in modelItemList">
	            <div class="hdbmlisttitle">
	                <image :src="getImg('hdlc_circle.png')" class="hdlclistimg"></image>
	                <div class="hdlclistname">活动流程{{ind+1}}</div>
	            </div>
	            <div class="hdbmlistcontent">
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_mc.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动名称：{{el.eventname}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_sj.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">{{el.startime}} ~ {{el.endtime}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_fzr.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">负责人：{{el.compere}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_dz.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动地址：{{el.place}}</div>
	                </div>
	                <div class="hdbmlisticon">
	                    <image :src="getImg('hdlc_js.png')" class="hdbmlisticonimg"></image>
	                    <div class="hdbmlisticonname">活动介绍：{{el.content}}</div>
	                </div>
	            </div>
	            <div class="hdlcline"></div>
	            <div class="hdlcjj">参与</div>
	        </div>
	    </div>
	</div>
</template>

<script>
	import web from '../../components/utils/request.js';
	export default{
		data(){
			return{
				id: 0,
				datas: [],
				datas1: [],
				isShow:1,
			}
		},
		onLoad(options) {
			this.id=options.id
		},
		onReady() { 
			this.getData();
		},
		methods:{
			getImg(url) {
				return 'https://ruianm.tour-ma.com/r/cms/www/m/huodong/img/' + url;
			},
			getImg1(url) {
				return 'https://ruianm.tour-ma.com' + url;
			},
			getData(){
				var url = "/conferenceDetail.jspx";
				var arg = {id:this.id};
				var that = this;
				web.httpPost(that, url, arg, function(res) {
					var json=res.data.data;
					if(json.modelItemList <= 1) {
					    that.datas = json;
					    that.isShow = 1;
					}else{
					    that.datas1 = json;
					    that.modelItemList = json.modelItemList;
					    that.isShow = 2;
					}
				})
			}
		}
	}
</script>

<style>
	@import url("@/components/css/datascss.css");
</style>
